<template>
  <u-back-top
    ref="backTop"
    :scroll-top="scrollTop"
    icon="arrow-up"
    text="返回顶部"
    :icon-style="iconStyle"
    :custom-style="backStyle"
    top="400"></u-back-top>
</template>

<script>
export default {
  props: {
    scrollTop: {
      type: Number,
      require: true,
    },
  },
  data() {
    return {
      iconStyle: {
        fontSize: '32rpx',
        color: '#35bf00',
      },
      backStyle: {
        backgroundColor: 'rgba(115, 234, 70, 0.5)',
        fontSize: '8px',
        color: '#333',
        width: '92rpx',
        height: '92rpx',
      },
    };
  },
  mounted() {
    this.$refs.backTop.backTopStyle.width = '92rpx';
    this.$refs.backTop.backTopStyle.height = '92rpx';
  },
};
</script>

<style lang="scss">
</style>